// 创建一个入口函数
$(function () {
  // 点击“去注册账号”的链接
  $('#link_reg').on('click', function () {
    $('.login-box').hide();
    $('.reg-box').show();
  });
  // 点击“去登录”的链接
  $('#link_login').on('click', function () {
    $('.login-box').show();
    $('.reg-box').hide();
  });

  // 从 layui 中获取 form 对象
  const { form, layer } = layui;
  form.verify({
    // 自定义了一个叫做 pwd 检验规则
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    // value 确认密码的值
    // 只需要密码框的值和确认密码的值不一致即可
    // pwd 原密码框的值
    repwd: function (value) {
      const pwd = $('.reg-box [name=password]').val();
      if (pwd !== value) {
        return '两次密码不一致';
      }
    }
  });
  // 绑定注册表单的 submit 事件
  $('#formReg').on('submit', function (e) {
    // 阻止默认行为
    e.preventDefault();
    $.ajax({
      url: '/api/reguser',
      method: 'POST',
      data: {
        username: $('.reg-box [name=username]').val(),
        password: $('.reg-box [name=password]').val()
      },
      success(res) {
        if (res.status !== 0) {
          return layer.msg(res.message);
        }
        layer.msg('注册成功!');
        $('#link_login').click();
      }
    })
  })
  // 绑定登录表单的 submit 事件
  $('#formLogin').submit(function (e) {
    // 阻止默认行为
    e.preventDefault();
    $.ajax({
      method: 'POST',
      url: '/api/login',
      data: $(this).serialize(),
      success(res) {
        if (res.status !== 0) {
          return layer.msg('密码错误！')
        }
        console.log('登录成功!');
        // 将登录成功得到的字符串，保存到 localStorage 中
        localStorage.setItem('token', res.token);
        // 登录成功，页面跳转到后台主页
        location.href = '/index.html';
      }
    })
  })
})